<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@include file="/pages/basic/html-head.jsp" %>
<style>


    .main {
        width: 100%;
        height: 100%;
        padding-top: 140px;

    }

    .main_center {
        width: 400px;
        height: 400px;
        text-align: center;
        margin: 0 auto;
        border: #2B2B36 solid 1px;
        -webkit-border-top-left-radius: 50%;
        -webkit-border-top-right-radius: 50%;
        -webkit-border-bottom-right-radius: 10%;
        -webkit-border-bottom-left-radius: 10%;
        background-color: #2B2B36;
        padding-top: 50px;
        position: relative;
    }

    .login-page-submit-btn {
        width: 30% !important;
        height: 50px !important;
        margin: 0 auto;
        margin-top: 30px;
        /*background-color: #6DC5A5 !important;*/
    }

    .login-page-submit-btn:hover {
        /*background-color: #6DC5A5 !important;*/
    }

    .icon {
        width: 100px;
        height: 100px;
        margin: 17px auto;
        padding-bottom: 14px;
    }

    .main_center input {
        font: 15px 'Segoe UI', Arial, sans-serif;
        border: none;
        background: none;
        box-shadow: 0 0 6px inset;
        color: #eee;
        height: 40px;
        width: 70%;
        padding-left: 30px;
        outline: none;
    }

    .main_center bottom {
        position: relative;
        border-radius: 8px;
        background-color: #2B2B36;
    }

    .main_center input:focus {
        outline: none;
    }

    .main_center button {
        opacity: 0.9;
        width: 100%;
        height: 36px;
        cursor: pointer;
        border-radius: 8px;
        box-shadow: 0 1px 1px #888;
        border: none;
        font-size: 24px;
        outline: none;
    }

    .footer {
        bottom: 0;
        height: 45px;
        left: 0;
        position: fixed;
        width: 100%;
        z-index: 100000;
        text-align: center;
        line-height: 45px;
        color: #eee;
    }


</style>
<script type="text/javascript">
    $(function () {
        $('#login').form({
            url: "${pageContext.request.contextPath}/logincon",
            onSubmit: function () {
                return $(this).form('validate');
            },
            success: function (res) {
                res = eval('(' + res + ')');
                if (res.status == 'success') {
                    window.location.href = "${pageContext.request.contextPath}/index";
                } else {
                    $.messager.alert("提示信息", res.message, "warning");
                    return;
                }
                $('#login').form('clear');
            }
        });

    });
</script>
<body>
<div class="main">
    <div class="main_center">
        <img src="${pageContext.request.contextPath}/static/image/logo.png" class="icon">
        <div>
            <form id="login" method="post">
                <input type="text" name="userName" id="userName" placeholder="用户名/邮箱"/><br>
                <input type="password" name="password" id="password" placeholder="密码"/><br>
                <button type="submit" class="btn btn-default login-page-submit-btn">登陆</button>
            </form>
        </div>
    </div>
    <div class="footer">
        <h4>&copy;唐文娟 980804239@qq.com</h4>
    </div>
</div>
<%@include file="/pages/basic/html-foot.jsp" %>